
INF 1366 - Computasao Grafica Interativa 
Cameras e Transforma95es Projetivas 

Alberto B. Raposo e Marcelo Gattass 
abraposo@tecgraf.puc-rio.br 
http://www.tecgraf.puc-rio.br/~abraposo/INF 1366 

Alberto Raposo - PUC-Rio 


Transforma9oes 

Projetivas 



Alberto Raposo 


Visualizagao e Projegao 



camera setup 
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No imcio 
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Cajadores com chapeus pianos e saiote 
Cinto de las Letras, Dos Aguas, Valencia 
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Aprimoramentos. . . 
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http://www.stedwards.edu/hum/randle 

/s32/SSgotpint/FrameSet.htm 


http://www.personal.us.es/jcordero/DISTANCIA/cap_09.htm 



Camera escura 
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Cameras fotograficas 



Camara escura - Leonardo da Vinci -1545 

Alberto Raposo - PUC-Rio Luis-Jacques-Mande Daguerre (1 839) 
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Cameras atuais 



elemml CCD 
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Pinhole 


image 

plane 


Alberto Raposo - PUC-Rio 




Geometria da projegao conica 


Camera 
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Projegao conica 


piano de projegao 



centro de projegao 


Projegao conica 



p = [a yf o p = [x, y, f] T 
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Taxonomia de Projegoes 


Planar geometric 
projections 



Parallel Perspective 



Other 
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Perspectiva vs. Paralela 

• Perspectiva 

+ Tamanho varia inversamente a distancia: realista 

- Distancia e angulos (em geral) nao preservados 

- Linhas paralelas (em geral) nao permanecem 
paralelas 

• Paralela 

+ Boa para medigoes precisas 
+ Linhas paralelas permanecem paralelas 

- Angulos (em geral) nao sao preservados 

- Aparencia menos realista 
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Taxonomia de Projegoes 


Planar geometric 
projections 



Parallel Perspective 
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Projegao Paralela 

• Centro de projegao no infmito 

- Diregao de projegao (DOP) e a mesma para 
todos os pontos 

View 
Plane 
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DOP 
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Projegoes Ortograficas 


• DOP perpendicular ao view plane 
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Top Side 


Projegao Ortografica Simples 


• Projeta todos os pontos ao longo do eixo z 
para o piano z = 0 


MIT EECS 6.837, Durand and Cutler 
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Projegoes Cavaleiras (Cavalier) e 
Cabinetes (Cabinet) 



1 

y 










a 

X 









T(1 ,o,o) = (i,o,o) 

T(0,1,0) = (0,1,0) 

T(0,0,1) = ( -k cos a, -k sin a , 0) 


M 


1 0 - k cos a 

0 1 - k sin a 

0 0 0 


Taxonomia de Projegoes 


Planar geometric 
projections 
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Transformagao Perspectiva 

MIT EECS 6.837, 
Durand and Cutler 

• Descoberta por Donatello, Brunelleschi, e 


DaVinci durante o Renascentismo 

• Objetos mais proximos parecem maiores 

• Linhas paralelas convergent em um unico ponto 



Projegoes de um cubo 


• Paralelas 



planta ou 
elevacao 


iso-metrica 


Cabinete Cavaleira 

(ct=45 ou 30) (a=45 ou 60) 


• Conicas 



1 pto de fuga 


2 ptos de fuga 


Projegoes Classicas 



Front elevation 



Isometric 



Elevation oblique 



One-point perspective 



Plan oblique 



Three-point perspective 
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Projegao Perspectiva 

• Quantos pontos de fiiga? 



3 -Point 
Perspective 


2-Point 1 -Point 

Perspective Perspective 
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Perspectiva na pintura 



(com perspectiva) 
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Projesoes Conicas e Ponto de Fuga 



Projegao conica 



p = X yf o p = [x, y, f] T 
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Projegao Perspectiva 
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Outra representa^ao para matriz de 
transformgao perspectiva 


"1 0 0 0" 


fyl perspective — 

0 10 0 

0 0 10 
0 0 \/n 0 
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Matriz de Projegao Perspectiva 


Exemplo: 

r x 


'10 0 OJx 

0 10 0 y 

0 0 1 0 z 

0 0 \/n 0 1 


• Ou: 
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, n 


zn z n 
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No limite, n 


A matriz de projecao 
perspectiva... 


.e a de projecao 
ortografica 
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MIT EECS 6.837, Durand and Cutler 
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(x,y,z) 


T (xp,y p ,z p ) 


z = -d z#0 
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Modelos de Cameras Virtuais 





Pinhole e a mais comum 

- Todos os raios de luz 
capturados chegam por retas 
ate o ponto focal, sem 
distorgao de lentes 

- Resposta do sensor 
proporcional a radiancia 


View plane 


Posigao dos olhos 
(ponto focal) 
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Parametros de Camera 


Posi?ao dos olhos (px, py, pz) 
Orientacao 

- View direction (dx, dy, dz) 

- Up direction (ux, uy, uz) 
Abertura 

- Field of view (xfov, yfov) 
Plano do filme 

- “Look at” point 

- View plane normal 
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View 

Plane 
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Movimentando a camera 



View Frustum (cone de visao) 
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Camera 


para cima 

T 



Plano distante 

I 

1 

< 

campo de visao em y 


U3 3 Para _ 

'Vi a' ' " ^ 
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Projegao Conica (Perspectiva) 



Projegao Conica (Frustum) 
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Glu Look At 


void gluLookAt (GLdouble eyex, GLdouble eyey , GLdouble eyez , 

GLdouble centerx, GLdouble centery, GLdouble centerz , 
GLdouble upx, GLdouble upy, GLdouble upz ) ; 


(OpenGL) 


Dados: eye, center, up (definem o sistema de coordenadas do olho) 

Determine a matriz que leva do sistema de Coordenadas dos Objetos 
para o sistema de Coordenadas do Olho 



Coordenadas dos 
Objetos 
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Olho 


Projegao Paralela (Ortho) 



right 


A - ( left bottom 


top 


near ) 


far ) 


void glOrtho( GLdouble left, GLdouble right, 
GLdouble bottom, GLdouble top, 
GLdouble near_, GLdouble far_ ) ; 


(OpenGL) 


void glu0rtho2D( GLdouble left, GLdouble right, 
GLdouble bottom, GLdouble top ) ; 
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Camera VRML: Viewpoint 

Viewpoint { 


eventln 

SFBool 

set_bind 




exposedField 

SFFloat 

fieldOfView 

0.785398 

§ 

( 0 , 71 ) 

exposedField 

SFBool 

jUTO 

TRUE 



exposedField 

SFRotation 

orientation 

0 8 10 

§ 

[-1,1], (-00,00) 

exposedField 

SFVec3f 

position 

0 0 10 

§ 

(-00,00) 

field 

SFString 

description 

„ „ 



eventOut 

SFTime 

bindTime 




eventOut 

SFBool 

isBound 





} 
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Exemplo VRML 





Exemplo VRML 

# A moving Viewpoint. This Transform rotates, taking the 

# Viewpoint, ProximitySensor and children with it: 

#VRML V2.0 utf 8 DEF VT Transform { children [ 

§ Three fixed viewpoints Transform { 


DEF VI Viewpoint { 
position 0 1.8 -12 
orientation 010 3.1416 

description "View: green platform" 

} 

DEF V2 Viewpoint { 
position -10. 41.86 
orientation 010 -1.047 

description "View: red platform" 

} 

DEF V3 Viewpoint { 
position 10.4 1.8 6 
orientation 010 1.047 

description "View: blue platform" 

} 


translation 0 -.1 -4 
children [ 

DEF V4 Viewpoint { 

position 0 1.3 1.8 # Edge of platform 

orientation 010 0 # Looking out 

jump FALSE 

description "View: moving platform" 

} 

Shape { # Octagonal platform 

appearance Appearance { material Material { } } 
geometry IndexedFaceSet { 
coord Coordinate { 

point [ 1 0 2, 2 0 1, 2 0 -1, 1 0 -2, 

-1 0 - 2 , -2 0 - 1 , -2 0 1 , -1 0 2 ] 

} 

coordlndex [ 0, 1, 2, 3, 4, 5, 6, 7, -1 ] 

} 

} 

# When this ProximitySensor is activated. 


The Annotated 
VRML Reference 

Alberto Raposo - PUC-Rio 


# viewer bound to V4: 

DEF PS ProximitySensor { 
center 020 
size 444 

} 

] 

} 


Exemplo VRML 

DEF 01 Orientationlnterpolator { 

§ It takes 18 seconds to go all the way around. 

§ Four-second 120-degree rotation, two second pause. 


§ repeated three times. These keytimes are 18'ths: 


key [ 

: 0, 

.056, 

.167, 

.22, 


.33, 

.389, 

.5, 

.556 


.667, 
1 ] 

.722, 

.833, 

.889 


§ Rotate a total of 2 PI radians. 

§ Keys are given at 1/8 and 7/8 of each one-third 
§ rotation to make the rotation smoother 


The Annotated 
VRML Reference 
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# (slow in-out animation); that's why these angles 


# are multiples of 1/24'th (PI/12 radians) rotation: 


keyValue [ 

0100, 010 .262, 010 
010 2.094, 010 2.356, 010 

0 1 0 4.189, 0 1 0 4.45, 0 1 0 

0 10 0 

] 

} 

DEF TS TimeSensor { 

loop TRUE startTime 1 


1.833, 010 
3.927, 010 
6 . 021 , 010 


2.094, 

4.189, 

0 , 


cyclelnterval 18 


} 


]} 


25 


Exemplo VRML 


^Routes for platform animation: 

ROUTE TS. f raction_changed TO 01. set_f raction 
ROUTE 0 1 . value_change d TO VT.se t_r o tat i on 


§ And bind viewer to V4 when they're 

§ on the moving platform: 

ROUTE PS.isActive TO V4.set bind 


The Annotated 
VRML Reference 
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§ Some geometry to look at: 

DirectionalLight { direction 0-10} 

Transform { 

translation 00-9 
children [ 

Shape { 

appearance DEF A1 Appearance { 

material Material { diffuseColor 0 0.8 0 } 

} 

geometry DEF IFS IndexedFaceSet { 
coord Coordinate { 

point [ 0 0 -6 f -5.2 0 3, 5.2 0 3 ] 

} 

coordlndex [ 0, 1, 2, -1 ] 
solid FALSE 

} 

} 

Anchor { 
url rr #Vl rr 
children 
Transform { 

translation 0 0.5 0 
children Shape { 
appearance USE A1 
geometry Box { size 111} 

} 

}}]} 


Exemplo VRML 

Transform { 

translation -7.8 0 4. 5 
children [ 

Shape { 

geometry USE IFS 

appearance DEF A2 Appearance { 

material Material { diffuseColor 0.8 0 0 } 

}} 

Anchor { 
url "#V2 ,r 

children Transform { 
translation 0.50 
children Shape { 
appearance USE A2 
geometry Sphere { radius .5 } 

}}}]) 


The Annotated 
VRML Reference 
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Transform { 

translation 7.8 0 4.5 
children [ 

Shape { 

geometry USE IFS 

appearance DEF A3 Appearance { 

material Material { diffuseColor 0 0 0.8 } 

} 

) 

Anchor { 
url ,r #V3 rr 

children Transform { 
translation 0.50 
children Shape { 
appearance USE A3 

geometry Cone { bottomRadius . 5 height 1 } 

}}}]} 
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Transformagoes de Visualizagao 

• Cria-se uma visual izagao centrada na camera 



• Camera esta na origem 

• Camera olha para o eixo z no sentido negativo 

• O ‘up’ e alinhado com o eixo y 
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2 Passos basicos 

• Alinha-se os sistemas de coordenadas (de 
camera e do mundo) por rotagao 
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2 Passos basicos 
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Espago de coordenadas da camera 

• Especifica-se ponto onde a camera esta 
localizada (origem do espa9o) 

• Especifica-se ponto onde sera o centro da 
visualizagao 

• Especifica-se o 
vetor “up” 

• Movimentos intuitivos 
da camera 


Alberto Raposo - PUC-Rio D. Brogan, Univ. of Virginia 



Transformagao de visualizagao 
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Vetor da origem ate o centro de visualizagao 
(look at point) 


1 J bf ILV P# 


I i I 


I I I 


Normalizagao do vetor 


I . i z* 

.ir +r +r 

1 / 4 Y -t 


0 

0 

-1 


= vz 


• Rotagao para alinhar esse vetor com [0, 0, -1] T 

Alberto Raposo - puc-Rio (camera apontando para -z) 


Transformagao de visualizagao 


• Se lookat- vector deve se alinhar com -z e o 
vup-vector se alinha com y: f = J x ?ff, 

± Si t* trir J_ r 

1 


• Esse vetor, normalizado, deve alinhar-se 
com [1,0, 0] T 


J 2 
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Transformagao de visualizagao 

• Mais um vetor. . . 77 = Fv/ 

Til. JP ~ - I.- 

• Esse vetor, normalizado, se alinha com [0, 1, 0] T 


• Juntando os resultados. . . 
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Compondo vetores para formar a 
matriz V 

• Conhecemos os eixos de coordenadas do mundo (x, 

y>z) 

• E tambem os eixos da camera (r, u, 1) 

• A transfomagao de visualizagao, V, deve converter o 
sistema do mundo para o sistema da camera 
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Compondo vetores para formar a 
matriz V 

• Cada eixo da camera e de modulo unitario 

• Cada eixo e perpendicular aos demais 

• A matriz de camera e ortogonal e normalizada 
- Ortonormal 

• Matriz ortonormal: M' 1 = M T 
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Compondo vetores para formar a 
matriz V 

• Logo, a componente de rota9ao da matriz de 
transforma9ao de visualiza9ao . . . 

i” -fc j-l j-s “ 

II II II I 

I * " “I 

I r a! 

■ Ji 1 A I m M 1» » il 

III I I I I = \ I ? 1 I J .’I 

|V M. W| - I r »» " I 

I I L J 

■ I 

i n t i r n 

■■■■ill i n i 

I W V J | I -u I 

! ' ! 

... e simplesmente a transposta i ^ i 

4 i 1 ■ _■ a II 

w ■ wm m 

■* I **** I 

I I/IULC ! t 

i v i 

■ j i 

■ r ■ 

I ■" I 
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